@layout('layouts.clearly')

@section('head-zone')
<script type="text/javascript">
    $(function () {
        var $form = $("#recover-form"),
            $password = $("#password", $form).validate_on_keyup(jqExt.Regex.word(6, 64),
                "Yêu cầu mật khẩu từ 6 - 64 kí tự"),
            $repassword = $("#repassword", $form).validate_on_keyup(jqExt.Regex.word(6, 64),
                "Vui lòng nhập lại mật khẩu");
        $repassword.re_validate = function () {
            if (!$repassword.validate()) {
                if ($password.val() !== $repassword.val()) {
                    $repassword.helper("error", "Vui lòng nhập lại mật khẩu");
                } else {
                    $repassword.helper("success", "");
                    return true;
                }
            }

            return false;
        };

        $form.submit(function () {
            if (!$password.validate()) {
                jqExt.error("Vui lòng nhập mật khẩu hợp lệ!", $password);
            } else if (!$repassword.validate()) {
                jqExt.error("Vui lòng nhập lại mật khẩu hợp lệ!", $repassword);
            } else {
                return true;
            }

            return false;
        });
    });
</script>
@endsection

@section('content')

<div class="page-head">
    <h1>Phục hồi mật khẩu</h1>
</div>
<div class="container page-outer">

    <form action="{{ asset('user/recover') }}" class="w420 center" id="recover-form" method="post">
        @if ($errors->has())
        <div class="form-errors">
            <h4>Xảy ra lỗi, bạn vui lòng kiểm tra lại</h4>
            <ul>
                {{ $errors->first('password', '<li>:message</li>') }}
                {{ $errors->first('repassword', '<li>:message</li>') }}
            </ul>
        </div>
        @endif
        <div class="control-group required">
            <label for="password">Mật khẩu mới</label>
            <div class="controls">
                <input type="password" name="password" id="password" class="w-full">
            </div>
        </div>
        <div class="control-group required">
            <label for="repassword">Nhập lại mật khẩu mới</label>
            <div class="controls">
                <input type="password" name="repassword" id="repassword" class="w-full"/>
            </div>
        </div>

        <div class="control-group">
            <div class="controls ta-right">
                {{ Form::token() }}
                <a href="{{ asset('/') }}" class="btn">Hủy bỏ</a>
                <button class="btn btn-primary" type="submit">Đổi mật khẩu</button>
            </div>
        </div>
    </form>
</div>
@endsection